/*
* version 1.0
*layout grid
*/
body .mgl-20 {
	margin-left: 20px;
}

body .mglr-20 {
	margin: 0 20px;
}

body .mgr-20 {
	margin-right: 20px;
}

/*
@ 引用: http://aliceui.com/
@ 名称: Layout
 grid system */
.ui-grid-1, .ui-grid-2, .ui-grid-3, .ui-grid-4, .ui-grid-5, .ui-grid-6, .ui-grid-7, .ui-grid-8, .ui-grid-9, .ui-grid-10, .ui-grid-11, .ui-grid-12, .ui-grid-13, .ui-grid-14, .ui-grid-15, .ui-grid-16, .ui-grid-17, .ui-grid-18, .ui-grid-19, .ui-grid-20, .ui-grid-21, .ui-grid-22, .ui-grid-23, .ui-grid-24, .ui-grid-25 {
	margin: 0 10px 0 0;
	float: left;
	display: inline
}

.ui-grid-1 {
	width: 30px
}

.ui-grid-2 {
	width: 70px
}

.ui-grid-3 {
	width: 110px
}

.ui-grid-4 {
	width: 150px
}

.ui-grid-5 {
	width: 190px
}

.ui-grid-6 {
	width: 230px
}

.ui-grid-7 {
	width: 270px
}

.ui-grid-8 {
	width: 310px
}

.ui-grid-9 {
	width: 350px
}

.ui-grid-10 {
	width: 390px
}

.ui-grid-11 {
	width: 430px
}

.ui-grid-12 {
	width: 470px
}

.ui-grid-13 {
	width: 510px
}

.ui-grid-14 {
	width: 550px
}

.ui-grid-15 {
	width: 590px
}

.ui-grid-16 {
	width: 630px
}

.ui-grid-17 {
	width: 670px
}

.ui-grid-18 {
	width: 710px
}

.ui-grid-19 {
	width: 750px
}

.ui-grid-20 {
	width: 790px
}

.ui-grid-21 {
	width: 830px
}

.ui-grid-22 {
	width: 870px
}

.ui-grid-23 {
	width: 910px
}

.ui-grid-24 {
	width: 950px
}

.ui-grid-25 {
	width: 990px
}

.ui-grid-right {
	margin-right: 0px;
}

.ui-grid-bottom {
	margin-bottom: 10px;
}

/*list design*/
.ui-list {
	margin: 0px;
}

.ui-list li {
	position: relative;
	padding: 10px 8px 10px 80px;
	border-bottom: 1px solid #E2E2E2;
	list-style: none;
	background: -webkit-linear-gradient(#ffffff, #fafafa);
	background: -moz-linear-gradient(#ffffff, #fafafa);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#eaeaea')";
}

/*base layout*/
.w1000 {
	width: 1000px;
}

.w960 {
	width: 960px;
}

.pd20 {
	padding: 20px;
}

/**layout END**/

/*!
 *
 *buttons
 *
 */
.btn-g {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	height: 29px;
	_height: 27px;
	line-height: 27px;
	_line-height: 27px;
	min-width: 54px;
	text-align: center;
	text-decoration: none;
	padding: 0 8px;
	_padding-top: 0px;
	_margin: 0px;
}

.btn-g.blue {
	background-color: #4D90FE;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#4787ed));
	background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
	background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
	background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
	background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
	background-image: linear-gradient(top, #4d90fe, #4787ed);
	filter: progid:dximagetransform.microsoft.gradient(startColorStr='#4d90fe', EndColorStr='#4787ed');
	border: 1px solid #3079ED;
	color: white;
}

.btn-g.blue:hover {
	color: white;
	border: 1px solid #2F5BB7;
	background-color: #357AE8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#357ae8));
	background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
	background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
	background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
	background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
	background-image: linear-gradient(top, #4d90fe, #357ae8);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-decoration: none;
}

.btn-g.green {
	background-color: #b1db28;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b1db28), to(#a3d042));
	background-image: -moz-linear-gradient(top, #b1db28, #a3d042);
	background-image: -ms-linear-gradient(top, #b1db28, #a3d042);
	background-image: -o-linear-gradient(top, #b1db28, #a3d042);
	background-image: -webkit-linear-gradient(top, #b1db28, #a3d042);
	background-image: linear-gradient(top, #b1db28, #a3d042);
	filter: progid:dximagetransform.microsoft.gradient(startColorStr='#b1db28', EndColorStr='#a3d042');
	border: 1px solid #b1db28;
	color: white;
}

.btn-g.green:hover {
	color: white;
	border: 1px solid #a3d049;
	background-color: #a3d042;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b1db28), to(#a3d042));
	background-image: -webkit-linear-gradient(top, #b1db28, #a3d042);
	background-image: -moz-linear-gradient(top, #b1db28, #a3d042);
	background-image: -ms-linear-gradient(top, #b1db28, #a3d042);
	background-image: -o-linear-gradient(top, #b1db28, #a3d042);
	background-image: linear-gradient(top, #b1db28, #a3d042);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-decoration: none;
}

.btn-g.white {
	background-color: #f0f0f0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e6e6e6));
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(top, #ffffff, #e6e6e6);
	filter: progid:dximagetransform.microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E6E6E6');
	border: 1px solid #ccc;
	color: #333;
}

.btn-g.white:hover {
	border: 1px solid #ccc;
	background-color: #DFDCDC;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e0dfdf));
	background-image: -webkit-linear-gradient(top, #f2f2f2, #e0dfdf);
	background-image: -moz-linear-gradient(top, #f2f2f2, #e0dfdf);
	background-image: -ms-linear-gradient(top, #f2f2f2, #e0dfdf);
	background-image: -o-linear-gradient(top, #f2f2f2, #e0dfdf);
	background-image: linear-gradient(top, #f2f2f2, #e0dfdf);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-decoration: none;
}

/*
 * btn-link
 */
.btn-link,
.btn-link:visited {
	font-size: 12px;
	font-weight: normal;
	font-family: Tahoma;
	text-decoration: none;
	padding: 1px 3px 2px;
	margin: 0 3px;
	font-family: Tahoma;
	color: #0080ff;
}

.btn-link:hover {
	background: #008BD3;
	color: #fff;
	text-decoration: none;
}

.btn-link-actived {
	background-color: #008bd3;
	color: #fff;
	text-decoration: none;
}

.ui-btn {
	background: #222 url("http://static.siyanjing.net/img/image_btn-overlay.png") repeat-x 0 0;
	color: #fff !important;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	overflow: visible;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	font: 700 14px verdana, Hiragino Sans GB;
	border-radius: 2px;
	padding: 0 20px;
	height: 23px;
	line-height: 23px;
}

.ui-btn:hover {
	background-color: #111;
	color: #fff;
	text-decoration: none;
}

.ui-btn:active {
	-webkit-transform: translateY(1px);
	-moz-transform: translateY(1px);
}

.small.ui-btn {
	padding: 0 12px;
	line-height: 23px;
	height: 23px;
	font-size: 12px;
}

.middle.ui-btn {
	line-height: 29px;
	height: 29px;
}

.large.ui-btn {
	font-size: 16px;
	line-height: 33px;
	height: 33px;
}

.green.ui-btn {
	background-color: #91bd09;
}

.green.ui-btn:hover {
	background-color: #749a02;
}

.blue.ui-btn {
	background-color: #2daebf;
}

.blue.ui-btn:hover {
	background-color: #007d9a;
}

.red.ui-btn {
	background-color: #e33100;
}

.red.ui-btn:hover {
	background-color: #872300;
}

.magenta.ui-btn {
	background-color: #a9014b;
}

.magenta.ui-btn:hover {
	background-color: #630030;
}

.orange.ui-btn {
	background-color: #ff5c00;
}

.orange.ui-btn:hover {
	background-color: #d45500;
}

.orangellow.ui-btn {
	background-color: #ffb515;
}

.orangellow.ui-btn:hover {
	background-color: #fc9200;
}

.white.ui-btn {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #666 !important;
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
}

.white.ui-btn:hover {
	background-color: #eee;
}

/*Strike button*/
.strike.ui-btn {
	background-color: #4ADFC1
}

.strike.ui-btn:hover {
	background-color: #39ceb0
}

/* Secondary ui-btns (perfect for Cancels or other secondary actions */
.secondary.ui-btn {
	background: #fff url("http://static.siyanjing.net/img/btn-overlay.png") repeat-x 0 0;
	color: #555 !important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	border: 1px solid #bbb;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.secondary.ui-btn:hover {
	background-color: #eee;
	color: #444 !important;
	border-color: #999;
}

/* Make the buttons super awesomer */
.super.ui-btn {
	background-image: url("http://static.siyanjing.net/img/btn-overlay.png");
	font-size: 13px;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, .25);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.super.ui-btn span {
	display: block;
	padding: 4px 15px 6px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-top: 1px solid rgba(255, 255, 255, .2);
	line-height: 1;
}

.small.super.ui-btn {
	font-size: 11px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

.small.super.ui-btn span {
	padding: 2px 12px 6px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
}

.small.white.super.ui-btn span {
	padding: 3px 12px 5px;
}

.large.super.ui-btn {
	background-position: left bottom;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
}

.large.super.ui-btn span {
	font-size: 14px;
	padding: 7px 20px 9px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
}

/**
 *
 *tab
 *
 */
.ui-tab {
	overflow: hidden
}

.ui-tab-trigger-item, .ui-tab-trigger-item-current, .ui-tab-trigger-text, .ui-tab-trigger-item a {
	background-image: url("http://static.siyanjing.net/img/ui-components.png");
	background-repeat: no-repeat;
	background-color: transparent;
	color: #4d4d4d;
	text-decoration: none
}

.ui-tab-trigger {
	border-bottom: 1px solid #e5e5e5
}

.ui-tab-trigger ul {
	position: relative;
	z-index: 100;
	top: 1px
}

.ui-tab-trigger-item {
	float: left;
	margin-right: 2px;
	background-position: 0 -193px;
	cursor: pointer;
	border-bottom: 1px solid #e5e5e5;
	text-decoration: none
}

.ui-tab-trigger-item-current, .ui-tab-trigger-item-hover, .ui-tab-trigger-item:hover {
	background-position: 0 -111px
}

.ui-tab-trigger .ui-tab-trigger-item-current {
	border-bottom: 1px solid #fafafa
}

.ui-tab-trigger-text, a.ui-tab-trigger-text {
	display: inline-block;
	background-position: right -235px;
	font-size: 12px;
	line-height: 32px;
	padding: 0 10px;
	text-decoration: none;
	font-weight: 400
}

.ui-tab-trigger-item-current .ui-tab-trigger-text, .ui-tab-trigger-item-hover .ui-tab-trigger-text, .ui-tab-trigger-item a.ui-tab-trigger-text:hover {
	background-position: right -152px
}

.ui-tab-trigger-item-current a.ui-tab-trigger-text {
	font-weight: 700;
	text-decoration: none
}

.ui-tab-container {
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9
}

.ui-tab-container-top {
	height: 28px;
	border-bottom: 1px solid #d9d9d9;
	background: #fafafa
}

/*form*/
.ui-form {
	font-size: 12px;
	line-height: 1.5
}

.ui-form, .ui-form * {
	list-style: none
}

.ui-form fieldset {
	border: 0
}

.ui-form legend {
	display: none
}

.ui-form-explain {
	margin: 0;
	padding: 5px 0 0;
	font-size: 12px;
	color: #B2B2B2
}

.ui-form-other {
	margin-left: 4px
}

.ui-form-text {
	display: inline-block;
	margin-top: 6px;
	*display: inline;
	*zoom: 1
}

.ui-form-item:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden
}

.ui-form-item {
	padding: 0 5px 20px 170px;
	zoom: 1
}

.ui-form-item select {
	vertical-align: middle;
	margin: 4px 0 0
}

.ui-form-item input {
	vertical-align: middle
}

.ui-form-item .ui-input {
	font-size: 12px;
	color: #595959;
	vertical-align: middle;
	*vertical-align: -5px
}

.ui-form-item-error .ui-input, .ui-form-item-error .ui-textarea {
	border: 1px #F00 solid;
	color: #F00
}

.ui-form-item-error .ui-input-reset {
	border: 1px #9C9C9C solid;
	color: #000
}

.ui-form-item-error .ui-form-explain {
	color: #FF5243
}

.ui-input {
	width: 170px;
	padding: 4px 5px;
	line-height: 18px;
	border: 1px solid #ccc;
	border-top-color: #a6a6a6;
	color: #595959;
	font-size: 12px
}

.ui-select {
	padding: 4px 5px;
	line-height: 18px;
	color: #595959;
	font-size: 12px;
}

.ui-input:hover, .ui-textarea:hover, .ui-input-hover {
	border: 1px #a6a6a6 solid;
	border-top-color: #808080
}

.ui-input:focus, .ui-textarea:focus, .ui-input-focus {
	border: 1px #07f solid;
	outline: 1px #8cddff solid;
	color: #595959
}

.ui-textarea {
	width: 422px;
	height: 79px;
	line-height: 15px;
	border: 1px #9C9C9C solid;
	padding: 1px 3px 0 4px;
	overflow: auto;
	font-family: Arial;
	font-size: 12px
}

.ui-input[ disabled], .ui-textarea[ disabled] {
	border: 1px solid #ccc;
	background: #f2f2f2
}

.ui-input:disabled, .ui-textarea:disabled {
	border: 1px solid #ccc;
	background: #f2f2f2
}

.placeholder {
	color: #ccc
}

.ui-input-checkcode {
	width: 100px;
	height: 24px;
	line-height: 28px;
	margin: 0;
	padding: 2px 5px
}

.ui-form-item-hover .ui-input, .ui-form-item-hover .ui-textarea {
	border: 1px #727272 solid
}

.ui-form-item-focus .ui-input, .ui-form-item-focus .ui-textarea {
	border: 1px #07f solid;
	outline: 1px #8cddff solid
}

.ui-form-item-focus .ui-form-explain, .ui-form-item-hover .ui-form-explain {
	color: #333
}

.ui-label {
	float: left;
	width: 170px;
	margin-left: -180px;
	padding-top: 6px;
	text-align: right;
	font-size: 14px
}

.ui-form-required {
	color: #F00;
	font-family: SimSun;
	font-size: 14px;
	margin-right: 6px
}

/* alice.table 样式模块 */

.ui-table {
	border-collapse: collapse;
	border: 1px solid #ccc;
	width: 100%;
	font-size: 12px;
	text-align: left;
}

.ui-table tr:nth-child(even),
.ui-table-split /* 隔行换色效果 */,
.ui-table-hover /* 用作表格行hover效果 */
{
	background-color: #FBFBFB;
}

.ui-table tr {
	color: #808080;
}

.ui-table thead tr {
	color: #666;
}

.ui-table thead {
	color: #666;
	background-color: #F6F6F6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#F2F2F2');
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#F2F2F2));
	background: -moz-linear-gradient(top, #F8F8F8, #F2F2F2);
	background: -o-linear-gradient(top, #F8F8F8, #F2F2F2);
	background: linear-gradient(top, #F8F8F8, #F2F2F2);
}

.ui-table th {
	padding: 7px 9px;
	border-bottom: 1px solid #d9d9d9;
	text-align: left;
}

.ui-table td {
	padding: 8px 9px 7px;
	border-bottom: 1px solid #d9d9d9;
}

.ui-table th {
	padding: 7px 9px;
}

.ui-table tfoot td {
	border-bottom: none;
}

.ui-table .ui-table-action {
	background-color: #FFFFEF;
}

.ui-table .ui-table-selected {
	background-color: #FEFFC5;
}

/* 全边框*/
.ui-table-border td, .ui-table-border tr, .ui-table-border th {
	border: 1px solid #d9d9d9;
}

/* 无边框table加上ui-table-noborder */
.ui-table-noborder, .ui-table-noborder td, .ui-table-noborder tr, .ui-table-noborder th {
	border: none;
	outline: none;
}

.ui-table-noborder .ui-table-split, .ui-table-noborder .ui-table-hover {
	background-color: #f7f7f7;
}

/* 当table放在一个有边框的容器中时，比如ui-box，需要添加类名ui-table-inbox去掉本身的外框 */
.ui-table-inbox {
	border: none;
	outline: none;
}

/*hr style*/
.hr_nav {
	background: #dedede;
	margin: 5px 0px 10px 60px;
	height: 1px;
}

/*.scrollable*/
.scrollable {
	position: relative;
	width: 820px;
}

.scrollable .prev, .scrollable .next {
	position: absolute;
	top: 50px;
	color: #666;
	cursor: pointer;
}

.scrollable .prev {
	left: 10px;
}

.scrollable .next {
	right: 10px;
}

.scrollable .disable {
	color: #ddd;
	cursor: default;
}

.scrollable .ui-switchable-nav {
	position: absolute;
	right: 30px;
	top: -20px;
}

.scrollable .ui-switchable-nav li {
	float: left;
	padding: 5px;
	font-size: 18px;
	cursor: pointer;
}

.scrollable .ui-switchable-nav li.ui-switchable-active {
	color: #C8282B;
}

.scroller {
	position: relative;
	width: 680px;
	height: 120px;
	border: 1px solid #ccc;
	background-color: #F9F9F9;
	margin: auto;
	overflow: hidden;
}

.scroller .ui-switchable-content img {
	float: left;
	width: 100px;
	height: 75px;
	padding: 2px;
	margin: 20px 15px;
	background-color: #fff;
	border: 1px solid #ccc;
	display: inline !important; /* fix ie6 鍙岃竟璺�bug */
}

/*!
 * 
 *pagination
 *
 */
.pagination {
	height: 26px;
	line-height: 26px;
	color: #333;
	margin: 5px auto;
	text-align: center;
	padding: 10px;
}

.pagination a, .pagination span,
.pagination a:visited {
	text-decoration: none;
	padding: 4px 7px;
	_padding: 2px 7px 1px;
	border: #CCCCCC 1px solid;
	margin: 0 3px;
	font-family: Tahoma;
	color: #444;
}

.pagination a:hover {
	background: #008BD3;
	color: #ffffff;
}

.pagination .selected,
.pagination .selected a,
.pagination a:hover.selected,
.pagination a:visited.selected {
	background: #008BD3;
	color: #fff;
	padding: 4px 7px;
	_padding: 2px 7px 1px;
	border: #ccc 1px solid;
	margin: 0 3px;
	font-family: Tahoma;
}

.pagination input {
	width: 30px;
	border: 1px solid #ccc;
	padding-top: 2px;
	*padding-top: 2px;
	margin: 0 3px -1px 3px;
}

.thumbnail-box-big {
	width: 430px;
	height: 200px;
	margin: 40px 10px 8px 90px;
	_margin: 17px 10px 8px 7px;
	background: url("http://static.siyanjing.net/img/SmallNavigation.png") no-repeat center center;
}

.thumbnail-box-big .thumbnail img {
	position: absolute;
	z-index: 3;
	padding: 5px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.63);
}

.thumbnail-box {
	float: left;
	width: 145px;
	height: 105px;
	margin: 12px 10px 8px 0px;
	_margin: 17px 10px 8px 7px;
	padding: 0px 3px;
}

.thumbnail-box:hover {
	float: left;
	width: 145px;
	height: 105px;
	margin: 12px 10px 8px 0px;
	_margin: 17px 10px 8px 7px;
	padding: 0px 3px;
	background: url("http://static.siyanjing.net/img/SmallNavigation.png") no-repeat center center;
}

.thumbnail-box_top .thumbnail img {
	position: absolute;
	z-index: 3;
	padding: 5px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.63)
}

.thumbnail-box .thumbnail img {
	position: absolute;
	z-index: 3;
	padding: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5)
}

.thumbnail-txt {
	line-height: 22px;
	padding-top: 32px;
	font-size: 14px;
	color: #777;
}

/*social buttons*/
.ui-social-button {
	float: left;
	margin: 15px 0 0 -15px;
}

.inset-margin {
	background: none repeat scroll 0 0 #eee;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 1px #aaa inset, 0 1px 0 #fff;
	padding: 7px;
	position: relative;
}

.breadcrumb {
	padding: 8px 15px;
	margin: 0 0 20px;
	list-style: none;
	background-color: #f5f5f5;
}

.breadcrumb li {
	display: inline-block;
	text-shadow: 0 1px 0 #fff;
}

.status {
	width: 23.5%;
	float: left;
	padding: 5px 0;
	margin: 10px 0;
	text-align: center;
	border-right: 1px solid #eeeeee;
}

.status strong {
	display: block;
	font-size: 15px;
}

.viewer-num .ico, .liked-num .ico, .comments-num .ico {
	width: 22px;
	height: 16px;
	margin-right: 3px;
	display: inline-block;
	vertical-align: top;
}

.viewer-num .ico, .liked-num .ico, .comments-num .ico {
	background: url("http://static.siyanjing.net/img/icos-trip-counter.png") no-repeat;
}

.viewer-num .ico {
	background-position: 0 0;
}

.liked-num .ico {
	background-position: -24px 0;
	width: 17px;
}

.comments-num .ico {
	background-position: -48px 0;
	width: 19px;
}

/*
* 社交网站图标
*/
[class^="social-"],
[class*=" social-"] {
	background: url(http://static.siyanjing.net/img/sns-icos.png) no-repeat;
	display: inline-block;
	margin-top: 1px;
	*margin-right: .3em;
	vertical-align: middle;
}

.social-weibo-min {
	line-height: 25px;
	width: 25px;
	height: 25px;
	background-position: 0 1px;
}

.social-weibo-min:hover, .social-weibo-min-activited {
	background-position: 0 -29px;
}

.social-weibo-middle {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-position: -10px -186px;
}

.social-weibo-middle:hover, .social-weibo-middle-activited {
	background-position: -10px -236px;
}

.social-weibo-big {
	width: 55px;
	height: 50px;
	line-height: 50px;
	background-position: -3px -86px;
}

.social-weibo-big:hover, .social-weibo-big-activited {
	background-position: -3px -136px;
}

.social-qq-middle {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-position: -70px -188px;
}

.social-qq-middle:hover, .social-qq-middle-activited {
	background-position: -70px -238px;
}

.social-qq-big {
	width: 55px;
	height: 50px;
	line-height: 50px;
	background-position: -62px -87px;
}

.social-qq-big:hover, .social-qq-big-activited {
	background-position: -62px -137px;
}

.social-douban-min {
	width: 25px;
	height: 25px;
	line-height: 25px;
	background-position: -58px 1px;
}

.social-douban-min:hover, .social-douban-min-activited {
	background-position: -58px -29px;
}

.social-douban-middle {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-position: -132px -186px;
}

.social-douban-middle:hover, .social-douban-middle-activited {
	background-position: -132px -236px;
}

.social-douban-big {
	width: 55px;
	height: 50px;
	line-height: 50px;
	background-position: -123px -87px;
}

.social-douban-big:hover, .social-douban-big-activited {
	background-position: -123px -136px;
}

.social-weixin-min {
	width: 25px;
	height: 25px;
	line-height: 25px;
	background-position: -151px 2px;
}

.social-weixin-min:hover, .social-weixin-min-activited {
	background-position: -151px -28px;
}

.social-weixin-middle {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-position: -189px -187px;
}

.social-weixin-middle:hover, .social-weixin-middle-activited {
	background-position: -189px -236px;
}

.social-weixin-big {
	width: 55px;
	height: 50px;
	line-height: 50px;
	background-position: -181px -87px;
}

.social-weixin-big:hover, .social-weixin-big-activited {
	background-position: -181px -138px;
}

/*
 * icon
*/
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("http://static.siyanjing.net/img/glyphicons-halflings.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
}

.icon-blue {
	background-image: url("http://static.siyanjing.net/img/glyphicons-halflings-blue.png");
}

.icon-glass {
	background-position: 0 0;
}

.icon-music {
	background-position: -24px 0;
}

.icon-search {
	background-position: -48px 0;
}

.icon-envelope {
	background-position: -72px 0;
}

.icon-heart {
	background-position: -96px 0;
}

.icon-star {
	background-position: -120px 0;
}

.icon-star-empty {
	background-position: -144px 0;
}

.icon-user {
	background-position: -168px 0;
}

.icon-film {
	background-position: -192px 0;
}

.icon-th-large {
	background-position: -216px 0;
}

.icon-th {
	background-position: -240px 0;
}

.icon-th-list {
	background-position: -264px 0;
}

.icon-ok {
	background-position: -288px 0;
}

.icon-remove {
	background-position: -312px 0;
}

.icon-zoom-in {
	background-position: -336px 0;
}

.icon-zoom-out {
	background-position: -360px 0;
}

.icon-off {
	background-position: -384px 0;
}

.icon-signal {
	background-position: -408px 0;
}

.icon-cog {
	background-position: -432px 0;
}

.icon-trash {
	background-position: -456px 0;
}

.icon-home {
	background-position: 0 -24px;
}

.icon-file {
	background-position: -24px -24px;
}

.icon-time {
	background-position: -48px -24px;
}

.icon-road {
	background-position: -72px -24px;
}

.icon-download-alt {
	background-position: -96px -24px;
}

.icon-download {
	background-position: -120px -24px;
}

.icon-upload {
	background-position: -144px -24px;
}

.icon-inbox {
	background-position: -168px -24px;
}

.icon-play-circle {
	background-position: -192px -24px;
}

.icon-repeat {
	background-position: -216px -24px;
}

.icon-refresh {
	background-position: -240px -24px;
}

.icon-list-alt {
	background-position: -264px -24px;
}

.icon-lock {
	background-position: -287px -24px;
}

.icon-flag {
	background-position: -312px -24px;
}

.icon-headphones {
	background-position: -336px -24px;
}

.icon-volume-off {
	background-position: -360px -24px;
}

.icon-volume-down {
	background-position: -384px -24px;
}

.icon-volume-up {
	background-position: -408px -24px;
}

.icon-qrcode {
	background-position: -432px -24px;
}

.icon-barcode {
	background-position: -456px -24px;
}

.icon-tag {
	background-position: 0 -48px;
}

.icon-tags {
	background-position: -25px -48px;
}

.icon-book {
	background-position: -48px -48px;
}

.icon-bookmark {
	background-position: -72px -48px;
}

.icon-print {
	background-position: -96px -48px;
}

.icon-camera {
	background-position: -120px -48px;
}

.icon-font {
	background-position: -144px -48px;
}

.icon-bold {
	background-position: -167px -48px;
}

.icon-italic {
	background-position: -192px -48px;
}

.icon-text-height {
	background-position: -216px -48px;
}

.icon-text-width {
	background-position: -240px -48px;
}

.icon-align-left {
	background-position: -264px -48px;
}

.icon-align-center {
	background-position: -288px -48px;
}

.icon-align-right {
	background-position: -312px -48px;
}

.icon-align-justify {
	background-position: -336px -48px;
}

.icon-list {
	background-position: -360px -48px;
}

.icon-indent-left {
	background-position: -384px -48px;
}

.icon-indent-right {
	background-position: -408px -48px;
}

.icon-facetime-video {
	background-position: -432px -48px;
}

.icon-picture {
	background-position: -456px -48px;
}

.icon-pencil {
	background-position: 0 -72px;
}

.icon-map-marker {
	background-position: -24px -72px;
}

.icon-adjust {
	background-position: -48px -72px;
}

.icon-tint {
	background-position: -72px -72px;
}

.icon-edit {
	background-position: -96px -72px;
}

.icon-share {
	background-position: -120px -72px;
}

.icon-check {
	background-position: -144px -72px;
}

.icon-move {
	background-position: -168px -72px;
}

.icon-step-backward {
	background-position: -192px -72px;
}

.icon-fast-backward {
	background-position: -216px -72px;
}

.icon-backward {
	background-position: -240px -72px;
}

.icon-play {
	background-position: -264px -72px;
}

.icon-pause {
	background-position: -288px -72px;
}

.icon-stop {
	background-position: -312px -72px;
}

.icon-forward {
	background-position: -336px -72px;
}

.icon-fast-forward {
	background-position: -360px -72px;
}

.icon-step-forward {
	background-position: -384px -72px;
}

.icon-eject {
	background-position: -408px -72px;
}

.icon-chevron-left {
	background-position: -432px -72px;
}

.icon-chevron-right {
	background-position: -456px -72px;
}

.icon-plus-sign {
	background-position: 0 -96px;
}

.icon-minus-sign {
	background-position: -24px -96px;
}

.icon-remove-sign {
	background-position: -48px -96px;
}

.icon-ok-sign {
	background-position: -72px -96px;
}

.icon-question-sign {
	background-position: -96px -96px;
}

.icon-info-sign {
	background-position: -120px -96px;
}

.icon-screenshot {
	background-position: -144px -96px;
}

.icon-remove-circle {
	background-position: -168px -96px;
}

.icon-ok-circle {
	background-position: -192px -96px;
}

.icon-ban-circle {
	background-position: -216px -96px;
}

.icon-arrow-left {
	background-position: -240px -96px;
}

.icon-arrow-right {
	background-position: -264px -96px;
}

.icon-arrow-up {
	background-position: -289px -96px;
}

.icon-arrow-down {
	background-position: -312px -96px;
}

.icon-share-alt {
	background-position: -336px -96px;
}

.icon-resize-full {
	background-position: -360px -96px;
}

.icon-resize-small {
	background-position: -384px -96px;
}

.icon-plus {
	background-position: -408px -96px;
}

.icon-minus {
	background-position: -433px -96px;
}

.icon-asterisk {
	background-position: -456px -96px;
}

.icon-exclamation-sign {
	background-position: 0 -120px;
}

.icon-gift {
	background-position: -24px -120px;
}

.icon-leaf {
	background-position: -48px -120px;
}

.icon-fire {
	background-position: -72px -120px;
}

.icon-eye-open {
	background-position: -96px -120px;
}

.icon-eye-close {
	background-position: -120px -120px;
}

.icon-warning-sign {
	background-position: -144px -120px;
}

.icon-plane {
	background-position: -168px -120px;
}

.icon-calendar {
	background-position: -192px -120px;
}

.icon-random {
	width: 16px;
	background-position: -216px -120px;
}

.icon-comment {
	background-position: -240px -120px;
}

.icon-magnet {
	background-position: -264px -120px;
}

.icon-chevron-up {
	background-position: -288px -120px;
}

.icon-chevron-down {
	background-position: -313px -119px;
}

.icon-retweet {
	background-position: -336px -120px;
}

.icon-shopping-cart {
	background-position: -360px -120px;
}

.icon-folder-close {
	width: 16px;
	background-position: -384px -120px;
}

.icon-folder-open {
	width: 16px;
	background-position: -408px -120px;
}

.icon-resize-vertical {
	background-position: -432px -119px;
}

.icon-resize-horizontal {
	background-position: -456px -118px;
}

.icon-hdd {
	background-position: 0 -144px;
}

.icon-bullhorn {
	background-position: -24px -144px;
}

.icon-bell {
	background-position: -48px -144px;
}

.icon-certificate {
	background-position: -72px -144px;
}

.icon-thumbs-up {
	background-position: -96px -144px;
}

.icon-thumbs-down {
	background-position: -120px -144px;
}

.icon-hand-right {
	background-position: -144px -144px;
}

.icon-hand-left {
	background-position: -168px -144px;
}

.icon-hand-up {
	background-position: -192px -144px;
}

.icon-hand-down {
	background-position: -216px -144px;
}

.icon-circle-arrow-right {
	background-position: -240px -144px;
}

.icon-circle-arrow-left {
	background-position: -264px -144px;
}

.icon-circle-arrow-up {
	background-position: -288px -144px;
}

.icon-circle-arrow-down {
	background-position: -312px -144px;
}

.icon-globe {
	background-position: -336px -144px;
}

.icon-wrench {
	background-position: -360px -144px;
}

.icon-tasks {
	background-position: -384px -144px;
}

.icon-filter {
	background-position: -408px -144px;
}

.icon-briefcase {
	background-position: -432px -144px;
}

.icon-fullscreen {
	background-position: -456px -144px;
}
